﻿$(function(){
'use strict';

    function hide($el) {
        $el.addClass('hidden');
    }
    function show($el) {
        $el.removeClass('hidden');
    }

    var lang, key;

    var $loading = $('#loading'),
        $error = $('#error'),
        $signin = $('#signin'),
        $list = $('#list');

    $('#go').click(function() {
        lang = $('#api_lang').val();
        key = $('#api_key').val();

        hide($signin);
        show($loading);

        $.ajax({
            url: '/unisender/lists',
            type: 'GET',
            data: { lang: lang, key: key }
        }).then(function(data) {
            hide($loading);

            var html = data.map(function(item) {
                return '<li data-id="' + item.id + '">' + item.title + '</li>';
            }).join('');

            $list.find('ul').html(html);
            show($list);
        });
    
    });

});